<template>
  <div class="infinite-container" >
    <mu-stepper :activeStep="activeStep" style="margin:1em 0;">
        <mu-step>
          <mu-step-label>
            选择验证方式
          </mu-step-label>
        </mu-step>
        <mu-step>
          <mu-step-label>
            安全验证
          </mu-step-label>
        </mu-step>
        <mu-step>
          <mu-step-label>
            修改绑定
          </mu-step-label>
        </mu-step>
      </mu-stepper>

    <div class="bgwhite" v-if="activeStep === 0">
      <mu-list>
        <mu-list-item title="动态码验证" @click="go('bymobile')">
          <i slot="right" class="iconfont icon-small-arrow-right"/>
        </mu-list-item>
        <mu-divider/>
        <mu-list-item title="证件验证" @click="go('bycard')">
          <i slot="right" class="iconfont icon-small-arrow-right"/>
        </mu-list-item>
      </mu-list>
    </div>
     
  </div>
</template>
<script>

export default {
  data () {
    return {
      activeStep: 0
    }
  },
  methods: {
    go (url) {
      this.$router.push(`/setting/update-mobile/${url}`)
    }
  }
}
</script>

